<template>
  <nav-bar>
    <template v-slot:default>详细页面 {{id}}</template>
  </nav-bar>
</template>

<script>
import NavBar from "@/components/common/navbar/NavBar"
import {useRoute} from "vue-router";
import {ref} from "vue";
export default {
  name: "detail",
  components:{
    NavBar
  },
  setup(){
    const route = useRoute();

    let id = ref(0)
    id.value = route.query.id

    return {
      id
    }
  }
}
</script>

<style scoped>

</style>